<%@page import="controlador.SeccionControlador"%>
<%@page import="java.io.FileInputStream"%>
<%@page import="org.apache.tomcat.util.http.fileupload.IOUtils"%>
<%@page import="modelo.servicio.Reportes"%>
<%@page import="java.util.List"%>
<% List<String[]> tipos = Reportes.instancia().obtenerTiposReporte();%>
<br/>
<form action="" method="post" id="report_form">
    <table>
        <tr>
            <td>Tipo de Men&uacute;</td>
            <td>
                <select name="tipo">
                    <option value="">Seleccionar</option>
                    <%
                        if (!(tipos == null || tipos.isEmpty())) {
                            for (int i = 0; i < tipos.size(); i++) {
                                out.println("<option value=\"" + tipos.get(i)[0] + "\">");
                                out.println(tipos.get(i)[0]);
                                out.println("</option>");
                            }
                        }
                    %>
                </select>
            </td>
        </tr>
        <tr>
            <td>Fecha Desde</td>
            <td>
                <input type="text" id="f_date1" name="txt_desde" readonly="readonly">
                <img id="f_btn1" src="images/calendarLauncher.gif" alt="..." style="cursor: pointer;">
            </td>
        </tr>
        <tr>
            <td>Fecha Hasta</td>
            <td>
                <input type="text" id="f_date2" name="txt_hasta" readonly="readonly">
                <img id="f_btn2" src="images/calendarLauncher.gif" alt="..." style="cursor: pointer;">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="right">
                <input type="submit" value="Consultar" />
            </td>
        </tr>
    </table>
</form>
<% String tipo = request.getParameter("tipo") == null ? "" : request.getParameter("tipo");
    if (!tipo.equals("")) {
        Integer area = Integer.parseInt(request.getSession().getAttribute("sArea").toString());
        String fechaInicio = request.getParameter("txt_desde") == null ? "" : request.getParameter("txt_desde");
        String fechaFin = request.getParameter("txt_hasta") == null ? "" : request.getParameter("txt_hasta");
        List<String[]> reporte = null;
        reporte = Reportes.instancia().generarReporte(area, tipo, fechaInicio, fechaFin);%>
<div id="pnl_reporte" class="wscroll">
    <table width='100%' border='1' cellpadding='1' cellspacing='0'>
        <thead>
            <tr class="encabezado">
                <%
                    String nombreReporte = "RP_" + area + "_" + tipo + ".xls";
                    String[] headers     = reporte.get(0);
                    for (int i = 0; i < headers.length; i++) {
                        out.println("<th>" + headers[i] + "</th>");
                    }
                    reporte.remove(0);
                %>
            </tr>
        </thead>
        <tbody>
            <%
                for (int i = 0; i < reporte.size(); i++) {
                    out.println("<tr class='" + (i % 2 == 0 ? "doc" : "doc2") + "'>");
                    String[] registro = reporte.get(i);
                    for (int j = 0; j < registro.length; j++) {
                        out.println("<td>" + registro[j] + "</td>");
                    }
                    out.println("</tr>");
                }
            %>
        <br>
        <a href="docu?ac=dl&amp;src=<%=SeccionControlador.getDirectorioCarga() + nombreReporte%>" target="_blank"> 
            Descargar Reporte
        </a>
        <br>
        </tbody>
    </table>
</div>
<br/>
<br/>
<% }%>
<script type="text/javascript">
    $("#report_form").submit(function() {
        $.post('front?v=5&ac=6', $("#report_form").serialize(), function(data) {
            $("#centro").html(data);
        });
        $("#centro").html('<p><img src="images/loading.gif" /><br/>Consultando...</p>');
        return false;
    } );
    var now = new Date();
    var desde = '01/' + ("0" + (now.getMonth() + 1)).slice(-2) + '/' + now.getFullYear();
    $('input[name=txt_desde]').val(desde);
    var hasta = '01/' + ("0" + (now.getMonth() + 2)).slice(-2) + '/' + now.getFullYear();
    $('input[name=txt_hasta]').val(hasta);
    
    var cal = Calendar.setup({
        onSelect: function(cal) { cal.hide(); },
        showTime: false
    });
    cal.manageFields("f_btn1", "f_date1", "%d/%m/%Y");
    cal.manageFields("f_btn2", "f_date2", "%d/%m/%Y");
</script>
